@charset "UTF-8";

/* ====== 重置CSS 2018-09-04 ====== */
* { box-sizing: border-box; }
html, body, div, span, h1, h2, h3, h4, h5, h6, p, em, small, strong, dl, dt, dd, ol, ul, li { margin: 0; padding: 0; font-size: 100%; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; line-height: 1.5; }
body { font-size: 14px; line-height: 1.75; font-family: 'PingFang SC', "Microsoft Yahei", "Helvetica Neue", Helvetica, Tahoma, sans-serif; color: #666; background: #fff; overflow-x: hidden; }
ul, ol, li { list-style: none; }
a { color: #666; text-decoration: none; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; }
a:hover { outline: none; }
a:focus { outline: none; }
input, button, textarea { padding: 0; border: none; background: none; outline: none; font-family: 'PingFang SC', "微软雅黑", Arial, Helvetica; }
button { outline: none; }
/*textarea { border: none; background: none; outline: none; }*/
table { border-collapse: collapse; word-wrap: break-all; border-spacing: 0; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
img { vertical-align: middle; border: none; max-width: 100%; }
/*HTML5 Fix*/
header, footer, section, article, aside, nav, hgroup, address, figure, figcaption, menu, details, summary, picture { display: block; }
/*去除苹果默认样式*/
input { -webkit-appearance: none; }

/* ====== 通用样式 ====== */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { zoom: 1; }
.fl { float: left; }
.fr { float: right; }
.text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }
.ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hide { display: none; }
.show { display: block; }
.clear { clear: both; }
.center { text-align: center; }
.box { display: block; width: 100%; height: 100%; }
.icon { display: inline-block; font-style: normal; vertical-align: middle;}
/*垂直居中*/
.com-table { display: table; width: 100%; height: 100%; }
.com-cell { display: table-cell; vertical-align: middle; width: 100%; }
/*背景色*/
.bg-gray { background: #f5f5f5 !important; }
/*浏览器更新提示*/
.browserupgrade { margin: 0; padding: 50px 0; background: #ccc; text-align: center; font-size: 18px; }
.browserupgrade a { font-weight: 600; color: red; text-decoration: underline; }
/*图片放大*/
.pic-scale, .img-scale .pic { position: relative; overflow: hidden; }
.img-scale img, .pic-scale img { -webkit-transition: .5s; -o-transition: .5s; transition: .5s; }
.img-scale:hover img, .pic-scale:hover img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }
/*图片去色*/
.img-gray { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
/*三角形*/
.caret { display: inline-block; width: 0; height: 0; margin-left: 4px; margin-top: -1px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid\9; border-right: 4px solid transparent; border-left: 4px solid transparent; -webkit-transition: transform .5s; -o-transition: transform .5s; transition: transform .5s; }